<template>
  <div class="Page">
    <vue-ueditor-wrap
      v-model="activityProfile"
      :config="myConfig"
      @ready="ready"
    ></vue-ueditor-wrap>
  </div>
</template>
<script>
// 1， 先安装依赖 cnpm i vue-ueditor-wrap
// 2， 在 public 文件中 引入 UEditor 文件夹
// 3， 安装页面操作

import VueUeditorWrap from 'vue-ueditor-wrap'

export default {
  name: 'Page',
  components: {
    VueUeditorWrap
  },
  data () {
    return {
      activityProfile: '',
      myConfig: {
        // 编辑器不自动被内容撑高
        autoHeightEnabled: false,
        // 初始容器高度
        initialFrameHeight: 120,
        // 初始容器宽度
        initialFrameWidth: '100%',
        // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口，请勿在生产环境使用！！！）
        // serverUrl: 'http://35.201.165.105:8000/controller.php',
        serverUrl: process.env.VUE_APP_API_BASE_URL + '/api/ueditor/config',
        // UEditor 资源文件的存放路径，如果你使用的是 vue-cli 生成的项目，通常不需要设置该选项，vue-ueditor-wrap 会自动处理常见的情况，如果需要特殊配置，参考下方的常见问题2
        UEDITOR_HOME_URL: process.env.NODE_ENV === 'production' ? '/activity/UEditor/' : '/UEditor/'
      }
    }
  },
  created () {},
  mounted () {},
  methods: {
    ready (editorInstance) {
      console.log(`编辑器实例${editorInstance.key}: `, editorInstance)
    }
  }
}
</script>
<style scoped lang="less"></style>
